<!DOCTYPE html>
<html lang="en">
<head>
  <base href=""/>
  <meta charset="UTF-8">
  <title>单桩统计</title>
  <link type="text/css" rel="stylesheet" href="../static/css/bootstrap.min.css"/>
  <link type="text/css" rel="stylesheet" href="../static/css/bootstrap-datetimepicker.min.css"/>
  <link type="text/css" rel="stylesheet" href="../static/css/fileinput.min.css"/>
  <link type="text/css" rel="stylesheet" href="../static/css/common.css"/>
  
  <script type='text/javascript' src='../static/js/jquery-1.10.2.min.js'></script>
  <script type='text/javascript' src='../static/js/jquery.form.js'></script>
  <script type='text/javascript' src='../static/js/jquery.tips.js'></script>
  <script type='text/javascript' src='../static/js/bootstrap.min.js'></script>
  <script type='text/javascript' src='../static/js/bootstrap-datetimepicker.js'></script>
  <script type='text/javascript' src='../static/js/bootstrap-datetimepicker.zh-CN.js'></script>
  <script type='text/javascript' src='../static/js/zh.min.js'></script>
  <script type="text/javascript" src='../static/js/common.js'></script>
  <script type="text/javascript" src='../static/js/messageContent.js'></script>
  <script type='text/javascript' src='../static/js/page.js'></script>
  <script type='text/javascript' src='../static/js/echarts.js'></script>
  <script type="text/javascript" src='../static/js/equipmentSingleKWHDay.js'></script>
  <script type='text/javascript' src='../static/table/equipmentSingleKWHDayTable.js'></script>
</head>
<body>
  <div class="ablosulteDiv">
	<div class="top">
		<h4 class="partTitle">
			当前位置: 充电记录 <span class="comSpanTitle">></span>单桩统计
		</h4>
	</div>
	<div class="blueBorder"></div>
	<div class="scrollBody">
		<div class="partWhite paddingBottomTen" id="scrollHeight">
			<form class="form-horizontal" id="equipmentSingleKWHDaySearch">
		        <div class="form-group">
		        	<div class="col-md-3 col3ConditionAll">
			        	<label for="chargingStationID" class="col-sm-4 control-label partConditionTitle">充电站名称</label>
			            <div class="col-sm-8 partCondition">
			                <select id="chargingStationID" name="ChargingStationID" class="form-control" onchange='changeEquipmet()'>
			                  <option value="" selected="selected">请选择</option>
			                </select>
			            </div>
		            </div>
		            <div class="col-md-3 col3ConditionAll" id="changeEquipment" hidden="hidden">
		              <label for="equipmentID" class="col-sm-4 control-label partConditionTitle">充电桩名称</label>
		              <div class="col-sm-8 partCondition">
		                  <select id="equipmentID" name="EquipmentID" class="form-control" onchange='search()'>
		                      <option value="" selected="selected">请选择</option>
		                  </select>
		              </div>
		            </div>
		            <div class="col-md-3 col3ConditionAll">
			        	<label for="startChargingTime" class="col-sm-4 control-label partConditionTitle">日期</label>
			            <div id="startDate" class="col-sm-8 input-group date" data-date-format="yyyy-mm-dd" style="float: left;">
			                <input id="startChargingTime" name="startChargingTime" class="form-control" type="text" onchange="search()">
			                <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
			                <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
			            </div>
		            </div>
		        </div>
		    </form>
		</div>
		<div id="contenter" hidden=true>
		<div class="partWhite">
    		<div class="partTable">
			  	<div id="histogram" class="col-sm-12" style="height:400px;">
			  	</div>
			</div>
			<div class="comHtmlTitle"><span class="borBlue"></span>单桩统计查询——列表
				<div class="partTable">
			      <table class="table table-hover" id="equipmentSingleKWHDayTable">
			          <thead id="equipmentSingleKWHDayThead">
			          </thead>
			          <tbody id="equipmentSingleKWHDayTbody">
			          </tbody>
			      </table>
			      <table class="table scrollTable" id="equipmentSingleKWHDayTable1" hidden="hidden">
       			  </table>
		    	</div>
			</div>
		</div>
		</div>
	</div>
  </div>
</body>
</html>
